/**
 * Created by awebone on 2017/8/20.
 */

//分页变量
var perpage=5;
var page=1;
var pages=0;

var comments=[];

//每次文章重载时获取所有评论
$.ajax({
    type:'GET',
    url:'/api/comment',
    data:{
        contentid:$('#contentId').val()
    },
    success:function (responseData) {
        $('#messageContent').val('');
        comments=responseData.data.comments.reverse();
        rendercomment();
    }
});

//提交评论
$('#messageBtn').on('click',function () {
   $.ajax({
       type:'POST',
       url:'/api/comment/post',
       data:{
           contentid:$('#contentId').val(),
           content:$('#messageContent').val()
       },
       success:function (responseData) {
           $('#messageContent').val('');
           comments=responseData.data.comments.reverse();
           rendercomment();
       }
   });
});

//分页：事件委托机制
$('.pager').delegate('a','click',function () {
   if($(this).parent().hasClass('previous')){
       page--;
   }
   if($(this).parent().hasClass('next')){
       page++;
   }
    rendercomment();
});

function rendercomment() {
    //评论数
    $('.messageCount').html(comments.length);

    //分页
    pages=Math.max(Math.ceil(comments.length/perpage),1);
    var start=Math.max(0,(page-1)*perpage);
    var end=Math.min(start+perpage,comments.length);
    var $lis=$('.pager li');
    $lis.eq(1).html(page + '/' + pages);

    if (page<=1){
        page=1;
        $lis.eq(0).html('<span>没有上一页了</span>');
    }else {
        $lis.eq(0).html('<a href="javascript:;">上一页</a>');
    }
    if (page >= pages){
        page=pages;
        $lis.eq(2).html('<span>没有下一页了</span>');
    }else {
        $lis.eq(2).html('<a href="javascript:;">下一页</a>');
    }

    //评论内容渲染
    if(comments.length===0){
        $('.messageList').html('<div class="messageBox"><p>还没有评论！</p></div>');
    }else {
        var html='';
        for(var i=start;i<end;i++){
            html+='<div class="messageBox">'+'<p class="name clear"><span class="fl">'+comments[i].username+'</span><span class="fr">'+formatDate(comments[i].postTime)+'</span></p><p>'+comments[i].content+'</p>'+'</div>';
        }
        $('.messageList').html(html);
    }
}

//格式化时间
function formatDate(d) {
    var date1=new Date(d);
    return date1.getFullYear()+'年'+(date1.getMonth()+1)+'月'+date1.getDate()+'日  '+date1.getHours()+':'+date1.getMinutes()+':'+date1.getSeconds();
}